.ellipsis() {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.root {
  .title {
    color: rgba(0, 0, 0, 0.65);
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 16px;
    /*
    & > div {
      flex: 0 0 auto;
    }
    */
    .label {
      color: rgba(0, 0, 0, 0.85);
      vertical-align: middle;
    }
    .label,
    .value {
      display: inline-block;
    }
    & > div:first-child .value {
      width: 330px;
      .ellipsis;
    }
    & > div:nth-child(2) .value {
      width: 330px;
      .ellipsis;
    }
    & > div:nth-child(3) .value {
      width: 700px;
      .ellipsis;
    }
  }
  .table {
    &:global(.ant-table) {
      font-size: 12px;
    }
    .fail {
      color: #e02020;
    }
  }
}
